import React from 'react';
import styles from './index.less';
import CourseGrades from './components/CourseGrades';
import FourSix from './components/FourSix';
import SecondaryGrades from './components/SecondaryGrades';
import SportsGrades from './components/SportsGrades';
const GradeSummary: React.FC<any> = () => {
  return (
    <div className={styles.content}>
      <div className={styles.head}>
        <p className={styles.title}>成绩汇总</p>
      </div>
      <ul className={styles.list}>
        <li className={styles.item}>
          <p className={styles.text}>课程成绩</p>
          <p className={styles.tb}>
            <CourseGrades />
          </p>
        </li>
        <li className={styles.item}>
          <p className={styles.text}>二课成绩</p>
          <p className={styles.tb}>
            <SecondaryGrades />
          </p>
        </li>
        <li className={styles.item}>
          <p className={styles.text}>四六级成绩</p>
          <p className={styles.tb}>
            <FourSix />
          </p>
        </li>
        <li className={styles.item}>
          <p className={styles.text}>体测成绩</p>
          <p className={styles.tb}>
            <SportsGrades />
          </p>
        </li>
      </ul>
    </div>
  );
};
export default GradeSummary;
